@import "@/views/dashboard/power/vars.scss";
.alarmRank {
	position: relative;
	width: 100%;
	height: calc(100% - $block-title-height - 20px);
	padding: 0;
	margin: 10px 0 0;
	list-style: none;
	li {
		display: flex;
		align-items: center;
		width: 452px;
		height: 37px;
		padding: 0 20px;
		margin: 0;
		&:nth-child(2n-1) {
			background: rgb(14 105 175 / 16%);
		}
		.img {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 22px;
			height: 24px;
			margin: 0 12px 0 0;
			img {
				position: absolute;
				top: 0;
				left: 0;
				width: 22px;
				height: 24px;
			}
			span {
				position: relative;
				z-index: 2;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0;
				margin: 0;
				font-family: Bahnschrift;
				font-size: 14px;
				font-weight: 400;
				text-align: right;
			}
			.three {
				color: #373c6b;
			}
			.more {
				color: #ffffff;
			}
		}
		span {
			display: inline-block;
			width: 175px;
			font-family: "PingFang SC Medium";
			font-size: 15px;
			font-weight: 500;
			color: #ffffff;
			text-align: left;
		}
		.progress {
			position: relative;
			width: 160px;
			height: 6px;
			margin-right: 20px;
			background: #0c4c8b;
			border-radius: 3px;
		}
		.progressActive {
			position: absolute;
			top: 0;
			left: 0;
			width: 80px;
			height: 6px;
			background: linear-gradient(90deg, #0884e2 0%, #2dffff 100%);
			border-radius: 3px;
		}
		p {
			padding: 0;
			margin: 0;
			font-family: Bahnschrift;
			font-size: 16px;
			font-weight: 400;
			color: #ffffff;
			text-align: right;
		}
	}
	li:hover {
		background-color: #005593;
	}
}
